<script setup lang='ts'>
  import { onMounted, reactive } from 'vue';
  import { statisticsApi } from '@/api/controller';
  import { Toastloading } from '@/utils/public';
  const action = reactive({
    list:[] as any[],
  })
  const getList = async()=> {
    const loading = Toastloading()
    const res = await statisticsApi.sse2023GiftStat()
    loading.close()
    action.list = res.data || []
  }
  onMounted(()=>{
    getList()
  })
</script>

<template>
  <div class="xm-content">
    <el-table
      class="xm-TableCenter"
      :data="action.list"
      border
      show-summary>
      <el-table-column min-width="120" prop="ymd" label="日期" />
      <el-table-column sortable min-width="120" prop="useNum_184" label="衰败城市送出人数" />
      <el-table-column sortable min-width="120" prop="sendNum_184" label="衰败城市送出次数" />
      <el-table-column min-width="120" sortable prop="diamandNum_184" label="衰败城市总计钻石数" />
      <el-table-column min-width="120" sortable prop="useNum_185" label="巴黎铁塔送出人数" />
      <el-table-column min-width="120" sortable prop="sendNum_185" label="巴黎铁塔送出次数" />
      <el-table-column min-width="120" sortable prop="diamandNum_185" label="巴黎铁塔总计钻石数" />
      <el-table-column min-width="120" sortable prop="useNum_186" label="涅槃女神送出人数" />
      <el-table-column min-width="120" sortable prop="sendNum_186" label="涅槃女神送出次数" />
      <el-table-column min-width="120" sortable prop="diamandNum_186" label="涅槃女神总计钻石数" />

    </el-table>
  </div>
</template>